<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<title></title>
<jsp:include page="inshead.jsp"></jsp:include>
<script type="text/javascript">
	/* jquery入口*/
	$(function() {
		loadgrid(); //加载datagrid

	});
	/* 加载datagrid列表*/
	function loadgrid() {
		$('#grid').datagrid({
			url : mis.path + '/saleorder!grid.action', //'datagridData.json',
			loadMsg : '正在加载…', //当从远程站点载入数据时，显示的一条快捷信息。
			fit : true, //窗口自适应
			nowrap : false, //设置为true，当数据长度超出列宽时将会自动截取
			fitColumns : true, // 自动适应列宽								
			singleSelect : true, // 每次只选中一行
			sortName : 'saleorderId', //默认排序字段
			sortOrder : 'asc', // 升序asc/降序desc
			striped : true, // 隔行变色  
			pagination : true, // 在底部显示分页工具栏
			pageNumber : 1, //初始化页码 
			pageSize : 20, // 指定每页的大小，服务器要加上page属性和total属性
			pageList : [ 20, 30, 50 ], // 可以设置每页记录条数的列表，服务器要加上rows属性
			//rownumbers : true, // 在最前面显示行号 
			idField : 'id', // 主键属性
			// 冻结列,当很多咧出现滚动条时该列不会动
			frozenColumns : [ [ {
				title : '订单号',
				width : '100',
				field : 'saleorderId',
				sortable : true
			}, {
				title : '顾客',
				width : '100',
				field : 'name',
				sortable : true
			},{
				title : '顾客号',
				width : '100',
				field : 'memberId',
				sortable : true
			}, {
				title : '员工',
				width : '100',
				field : 'username',
				sortable : true
			}, {
				title : '员工号',
				width : '100',
				field : 'userId',
				sortable : true
			}, {
				title : '实收',
				width : '100',
				field : 'realIncome',
				sortable : true
			} ] ],
			columns : [ [ {
				title : '状态',
				width : '100',
				field : 'stateStr',
				sortable : false
			}, {
				title : '台号',
				width : '40',
				field : 'tablePlate',
				sortable : false
			}, {
				title : '时间',
				width : '150',
				field : 'createdDatetimeStr',
				sortable : false
			}, {
				title : '描述',
				width : '100',
				field : 'description',
				sortable : false
			} ] ],
			// 工具栏按钮

			toolbar : "#tb"
		});
	}

	/* 删除数据*/
	function remove() {
		var row = $('#grid').datagrid('getSelected');
		//如果没有选中记录
		if (row == null) {
			$.messager.alert("提示", "请选择一条记录", 'info');
			return;
		}
		$.messager.confirm('确认', '确定要删除吗？', function(r) {
			if (r) {
				//提交到后台的action
				$.post(mis.path + '/saleorder!remove.action', {
					id : row.id
				}, function(result) {
					if (result.success) {
						reload();
						$.messager.show({ //显示正确信息
							title : '提示',
							msg : result.msg
						});
					} else {
						$.messager.show({ //显示错误信息
							title : '错误',
							msg : result.msg
						});
					}
				}, 'json');
			}
		});

	}

	/* 保存数据*/
	function save() {
		$('#form').form('submit', {
			url : url, //提交地址
			onSubmit : function() {
				return $(this).form('validate'); //前台字段格式校验
			},
			success : function(result) {
				var result = eval('(' + result + ')');
				if (result.success) {
					closeDialog();// 调用closeDialog;	
					reload();// 重新加载
					$.messager.show({ //显示错误信息
						title : '提示',
						msg : result.msg
					});

				} else {
					$.messager.show({ //显示正确信息
						title : '错误',
						msg : result.msg
					});
				}
			}
		});
	}

	/* 显示Dialog*/
	function openDialog(title) {
		$("#dialog").dialog(
				{
					top : ($(document).scrollTop() + ($(document).height() - $(
							"#dialog").height())) * 0.5,
					left : ($(document).width() - $("#dialog").width()) * 0.5,
					resizable : false,
					modal : true,
					buttons : [ { //设置下方按钮数组
						text : '保存',
						iconCls : 'icon-save',
						handler : function() {
							save();
						}
					}, {
						text : '取消',
						iconCls : 'icon-cancel',
						handler : function() {
							closeDialog();
						}
					} ]
				});
		$("#dialog").dialog('setTitle', title);
		$("#dialog").dialog('open');
	}
	/* 关闭Dialog*/
	function closeDialog() {
		$("#form").form('clear'); // 清空form的数据
		$("#dialog").dialog('close');// 关闭dialog
	}
	/* 刷新grid*/
	function reload() {
		$('#grid').datagrid('reload');
	}
	/* 查询*/
	function doSearch() {
		$('#grid').datagrid('load', {
			memberId : $('#memberId').val(),
			begindate : $('#begindate').datebox('getValue'),
			enddate : $('#enddate').datebox('getValue')
		});
	}
	/* 重置*/
	function setNull() {
		$("#searchForm").form("clear"); //清空查询字段值
	}
</script>
</head>
<body>
	<div data-options="fit:true, border:false"
		style="width:100%;height:100%;padding:0px;overflow:hidden">
		<table id="grid"></table>

		<div id="tb" style="padding:3px">
			<span>顾客号:</span> <input id="memberId"
				style="line-height:26px;border:1px solid #ccc"> <span>开始日期:
			</span><input class="easyui-datebox" id="begindate" name="begindate" id="begindate"
				data-options="formatter:myformatter,parser:myparser"></input> &nbsp;
			<span>结束日期: </span><input class="easyui-datebox" id="enddate" name="enddate"
				id="enddate" data-options="formatter:myformatter,parser:myparser"></input>
			<a href="#" class="easyui-linkbutton" plain="true"
				onclick="doSearch()">Search</a>
		</div>
	</div>

</body>
<script type="text/javascript">
	function myformatter(date) {
		var y = date.getFullYear();
		var m = date.getMonth() + 1;
		var d = date.getDate();
		return y + '-' + (m < 10 ? ('0' + m) : m) + '-'
				+ (d < 10 ? ('0' + d) : d);
	}
	function myparser(s) {
		if (!s)
			return new Date();
		var ss = (s.split('-'));
		var y = parseInt(ss[0], 10);
		var m = parseInt(ss[1], 10);
		var d = parseInt(ss[2], 10);
		if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
			return new Date(y, m - 1, d);
		} else {
			return new Date();
		}
	}
</script>
</html>